<template>
	<view class="policy-container">
		<CustomNav :nav-info="navInfo" />
		<view class="policy-container-top">
			<view class="policy-container-banner">
				<image style="width:100%" src="https://ltzn.oss-cn-zhangjiakou.aliyuncs.com/ren_cai_ji_tuan/home/banner.png" mode="aspectFill"></image>
			</view>
		</view>
		<uni-list>
			<uni-list-item clickable @click="onClick">
				<template v-slot:body>
					<text class="slot-box slot-text">一图读懂2023年度无锡市“太湖人才计划”</text>
					<view class="text-color mt-20">
						<uni-tag text="区级" custom-style="background-color: #7B8EBF; border-color: #7B8EBF; color: #fff;" type="primary" size="mini" /> <text class="ml-10">2023-09-10</text>
					</view>
				</template>
				<template v-slot:footer>
					<image class="slot-image" src="https://ltzn.oss-cn-zhangjiakou.aliyuncs.com/ren_cai_ji_tuan/home/news1.png" mode="widthFix"></image>
				</template>
			</uni-list-item>
			<uni-list-item clickable @click="onClick">
				<template v-slot:body>
					<text class="slot-box slot-text">最高500万元! 无锡市高层人才购房补贴</text>
					<view class="text-color mt-20">
						<uni-tag text="区级" custom-style="background-color: #7B8EBF; border-color: #7B8EBF; color: #fff;" type="primary" size="mini" /> <text class="ml-10">2023-09-10</text>
					</view>
				</template>
				<template v-slot:footer>
					<image class="slot-image" src="https://ltzn.oss-cn-zhangjiakou.aliyuncs.com/ren_cai_ji_tuan/home/news1.png" mode="widthFix"></image>
				</template>
			</uni-list-item>
			<uni-list-item clickable @click="onClick">
				<template v-slot:body>
					<text class="slot-box slot-text">《新华日报》头版聚焦:无锡人才工作新格局</text>
					<view class="text-color mt-20">
						<uni-tag text="区级" custom-style="background-color: #7B8EBF; border-color: #7B8EBF; color: #fff;" type="primary" size="mini" /> <text class="ml-10">2023-09-10</text>
					</view>
				</template>
				<template v-slot:footer>
					<image class="slot-image" src="https://ltzn.oss-cn-zhangjiakou.aliyuncs.com/ren_cai_ji_tuan/home/news1.png" mode="widthFix"></image>
				</template>
			</uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	import CustomNav from '../../components/CustomNav/index.vue'
	export default {
		components: {
			CustomNav
		},
		data() {
			return {
				navInfo: {
					bg_color: 'transparent',
					"color": "#fff",
					name: '政策'
				},
			}
		},
		methods: {
			onClick() {
				uni.navigateTo({
					url: '/pages/policy/detail'
				})
			}
		}
	}
</script>

<style lang="scss">
.policy-container {
	min-height: 100vh;
	background-color: #F4F6F8;
	.slot-image {
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
		margin-right: 10px;
		width: 80px;
		height: 80px;
	}
	
	.slot-text {
		flex: 1;
		font-size: 32rpx;
		font-weight: 600;
		color: #292F38;
		margin-right: 10px;
	}
}
</style>
